@use "../variables.scss" as *;
@use "./components/index.scss" as *;
@use "element-plus/theme-chalk/el-message.css";
@use "element-plus/theme-chalk/el-message-box.css";

body {
  --el-color-primary: #{$qf-primary};
  --el-fill-color-blank: #{$qf-color-bg6};
  --el-dialog-bg-color: #{$qf-color-bg1};
  --el-text-color-primary: #{$qf-color-white};
  --el-text-color-regular: #{$qf-color-white};
  --el-border-color: #{$qf-color-border1};
  --el-bg-color: #{$qf-color-bg1};
  --el-bg-color-overlay: #{$qf-color-bg3};
  --el-fill-color-light: #{$qf-color-bg7};
  --el-border-color-light: #{$qf-color-bg4};
  --el-disabled-border-color: #{$qf-color-bg4};
  --el-border: 1px solid #{$qf-color-border1};
  
  .el-input,
  .el-select,
  .el-input__wrapper,
  .el-checkbox,
  .el-textarea,
  .el-radio {
    --el-fill-color-blank: #{$qf-color-black};
    --el-border: 1px solid #{$qf-color-border3};
  }
}